<template>
  <div>
    <tabbar v-show="isTabbarShow"></tabbar>
    <!-- 路由容器 -->
    <section>
      <router-view></router-view>
    </section>
  </div>
</template>

<script>
import tabbar from './components/Tabbar'
import { mapState } from 'vuex'

export default {
  data () {
    return {
    }
  },
  methods: {
  },
  computed: {
    ...mapState('TabbarModule', ['isTabbarShow'])
  },
  mounted () {
    // console.log(mapState('TabberModule', ['isTabberShow']))
  },
  components: {
    tabbar
  }
  // mounted () {
  //   后端配置好跨域
  //   axios.get('http://www.mei.com/appapi/home/mktBannerApp/v3?silo_id=2013000100000000008&platform_code=PLATEFORM_H5').then(res => {
  //     console.log(res)
  //   })
  //   vue.config.js配置
  //   axios.get('/ajax/movieOnInfoList?token=&optimus_uuid=635DD77041E611EB8F6FD5C317AFD36EB3B236506B54420194100D5D9F5E29BD&optimus_risk_level=71&optimus_code=10').then(res => {
  //     console.log(res.data)
  //   })
  //   请求头
  //   axios({
  //     method: 'get',
  //     url: 'https://m.maizuo.com/gateway?cityId=210300&pageNum=1&pageSize=5&type=1&k=4320818',
  //     headers: {
  //       'X-Client-Info': '{"a":"3000","ch":"1002","v":"5.0.4","e":"1608737271240702852169729","bc":"210300"}',
  //       'X-Host': 'mall.film-ticket.film.list'
  //     }
  //   }).then(res => {
  //   })
  // }
}
</script>
<style lang="less">
* {
  margin: 0;
  padding: 0;
  list-style: none;
  touch-action: manipulation;
  section{
    margin-bottom: 50px;
  }
}
</style>
